簡介：QQ空間時光軸特效信息展示簡潔，交互性好。本課程首先分析特效的界面代碼結(jié)構(gòu)：時序菜單和日志列表，還將引入一個重要的知識點：前端模板，并從界面中抽出模板備用。特效部分將會重點分享跳轉(zhuǎn)特效、高亮特效以及滾動頁面自動展開時序標簽。
第2章 HTML+CSS實現(xiàn)特效界面代碼開發(fā)
根據(jù)之前分析的html結(jié)構(gòu)，編寫基本界面結(jié)構(gòu)和樣式；同時介紹使用CSS制作圓角、三角形的技巧。
第3章 前端模板介紹及內(nèi)容生成
介紹前端模板的基本概念：模板、數(shù)據(jù)、輸出；并且實戰(zhàn)從界面中抽出模板備用。
第4章 JavaScript實現(xiàn)特效功能開發(fā)
主要實現(xiàn)自動固定（or 隱藏展現(xiàn)）時序模塊、時序年月標簽的點擊處理以及滾動頁面自動展開時序標簽。